.content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));

  border-left: 1px solid var(--border-color);
}
.item {
  padding: var(--base-padding);
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;

  &:hover {
    filter: brightness(102%);
  }
}
.header {
  display: flex;
  align-items: center;
  color: var(--main-text-color);
  justify-content: space-between;
  font-weight: 500;

  & > div:first-child {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    flex: 1;
  }
}
.value {
  font-size: calc(var(--base-font-size) * 1.2);
  font-weight: 500;
}
.footer {
  display: flex;
  justify-content: space-between;
}
